<template>
	<div>
		<el-card class="!border-none pt-4" shadow="never">
			<el-form class="ls-form el-set-form" :model="formData" inline>
				<el-form-item label="业务编号">
					<el-input class="w-[240px]" placeholder="请输入"  clearable />
				</el-form-item>
				<el-form-item label="状态">
					<el-select class="w-[120px]" placeholder="请选择">
						<el-option v-for="(item, index) in visitType" :key="index" :label="item.label"
							:value="item.value" />
					</el-select>
				</el-form-item>
				<el-form-item>
					<el-button class="main-color1 w-[76px] h-[36px]">重置</el-button>
					<el-button class="w-[76px] bg-[#0054A6] h-[36px]" type="primary">查询</el-button>
				</el-form-item>
			</el-form>
		</el-card>
		<el-table class="mt-[20px]" size="large" :data="list"
			:header-cell-style="{'background':'#0054A6','color':'#fff','line-height':'52px','padding':'14px 0'}"
			:cell-style="{'color':'#0054A6','padding':'20px 0'}">
			<el-table-column label="对账单号" prop="scene_name" align="center">
				<template #default="{ row }">
					<el-button type="primary" link>
						<span class="main-color">0133</span>
					</el-button>
				</template>
			</el-table-column>
			<el-table-column label="申请日期" prop="scene_name" align="center">
				<template #default="{ row }">
					<el-button type="primary" link>
						<span class="main-color">2023-09-12</span>
					</el-button>
				</template>
			</el-table-column>
			<el-table-column label="总金额" prop="2023-09-12 11:20:20" align="center" />
			<el-table-column label="状态" prop="scene_name" align="center">
				<template #default="{ row }">
					<span class="main-color">待审核</span>
				</template>
			</el-table-column>
			<el-table-column label="原因" prop="1111111" align="center" />
			<el-table-column label="操作" fixed="right" align="center">
				<template #default="{ row }">
					<el-button type="primary" link>
						<router-link :to="{
								path: getRoutePath('Reconciliation.Reconciliation/check'),
								query: {
									id: '1'
								}
							}">
							<span class="main-color1">查看</span>
						</router-link>
					</el-button>
					<el-button type="primary" link>
						<span class="main-color1">下载</span>
					</el-button>
				</template>
			</el-table-column>
		</el-table>
	</div>
</template>

<script lang="ts" setup>
	import { getRoutePath } from '@/router'
	const formData = reactive({
	})
	// 产品分类
	const visitType = ref<Array<any>>([
		{
			label: '全部',
			value: ''
		},
	])
	const list = ref<Array<any>>([
		{},{},{}
	])
</script>

<style lang="scss" scoped>
	.el-set-form:deep() .el-form-item__label {
		color: var(--el-text-color-main);
		height: 36px;
		line-height: 36px;
	}

	.el-set-form:deep() .el-input__inner {
		height: 36px;
	}

	.el-set-form:deep() .el-input__inner::placeholder {
		color: var(--el-text-color-main);
	}

	.el-tabs__item.is-active {
		color: var(--el-text-color-main);
		font-weight: bold;
	}

	.el-tabs__nav-wrap::after {
		background-color: #F5F5F5;
	}

	.el-tabs__active-bar {
		background-color: var(--el-text-color-main);
	}
</style>